html{font-size:10px;}
@media only screen and (max-width: 320px) {
	font-size:9px;
}
body{font-size:1.4rem;background: url(../img/bg.jpg); background-size: 100% 100%;}
html,body{height:100%;}
.z-red{color:#ff5c5c}
.z-green{color:#00bca4}
.z-orange{color:#fb8313;}
*{color:white;}
a:hover{color:inherit;}
h1,h2,h3,p,ul{margin:0;}
h1{font-size:1.7rem;font-weight: bold;letter-spacing: 0.05rem;}
.font-s{font-size:1.2rem;}
.team{margin: 0.5rem 0 1.5rem;}
.team span{font-size:2.1rem;font-weight: bold;}
#top-space{height:33%;}
.m-condition{width:12rem;margin-top: 0.8rem;}
.m-condition li{height: 4.9rem;background-color: rgba(0,0,0,.5);float:left}
.m-condition li:first-child{/*margin-right:0.8rem;*/width:12rem;line-height:4.6rem;font-size:3rem;}
/*.m-condition li:last-child{width:2.3rem;padding:0.5rem;font-size: 1.2rem;line-height: 1.3rem;font-weight: bold;}*/
.rec-parent{position: relative;}
span[class^="rec-"]{position: absolute;width:0.9rem;height:0.9rem;display: block;border-color:#fb8313;border-style: solid;}
.rec-1{border-width:0.1rem 0 0 0.1rem;top:0;left:0;}
.rec-2{border-width:0.1rem 0.1rem 0 0px;top:0;right:0;}
.rec-3{border-width:0 0 0.1rem 0.1rem;bottom:0;left:0;}
.rec-4{border-width:0 0.1rem 0.1rem 0;bottom:0;right:0;}
.wrapper{width:88%;}
.team-note{overflow: hidden;margin:1.5rem 0;}
.team-note li{float: right;line-height: 1.4rem;font-size:1.2rem;}
.team-note li:last-child{margin-right: 1rem;}
.team-note span{display: inline-block;width:1.2rem;height:1.2rem;margin-right: 0.5rem;vertical-align: middle;}
.sq-red,.bg-red{background-color: #ff5c5c;}
.sq-green,.bg-green{background-color: #00bca4;}
.table-wrapper{margin-bottom: 1.5rem;}
.table-wrapper table{width: 100%;font-size:1.2rem;}
table td,table th{background-color:rgba(0,0,0,.5);padding:0.8rem;font-weight: normal;text-align: center;}
table .s-td td{color:rgba(255,255,255,.8)!important;}
table td:nth-child(odd){color:#00bca4;}
table td:nth-child(even){color:#ff5c5c}
.mvp-box{position: relative;margin-top: 1.5rem;}
.mvp-box div{position: absolute;}
.portait-box{width:26%;left:37%;visibility: hidden;border: 1px solid #6b1a00;}
.portait-box img{height:100%;}
.slogon-box{width: 100%;left:0;visibility: hidden;}
.mvp-title{margin-top:3.2rem;margin-bottom:0.8rem;letter-spacing: 0.05rem;}
.mvp-data{margin-bottom: 1.5rem;}
.mvp-data p{line-height: 2.8rem;padding:0 0.8rem;}
.mvp-data span{display: inline-block;float:right;font-size:1.2rem;color: rgba(255,255,255,.8);}
.portait-s{width:70%;border:1px solid #fb8313;height: 0;padding-bottom: 70%;}
.portait-s img{width:100%;}
.title-name{font-size:1.2rem;margin:0.5rem 0 0.8rem;}
.title{margin-bottom: 0.5rem;}
/*details*/
.title-s{font-size:1.2rem;margin-bottom: 0.5rem;}
.rate-part{margin-bottom: 2rem;}
.rate-box{padding:0.3rem 0.3rem;box-sizing: content-box;-webkit-box-sizing: content-box;margin-bottom: 0.5rem;}
.rate-shadow{height: 1.8rem;background-color:rgba(0,0,0,.5);}
.rate-progress{display: block;padding:0 0.5rem;font-size:1.2rem;line-height:1.8rem;position: absolute;height:1.8rem;left:0.3rem;top:0.3rem;width:0;}
.portait-l-box{padding-right: 1rem;}
.col-8-table{padding-left:0}
/*team*/
.team-top-left,.team-top-right{display: inline-block;vertical-align: middle;}
.team-top-left{width:62%;}
.team-top-left p{margin-top:0.5rem;font-size:1.5rem;}
.team-top-right{width:36%;}
.portait-team{width:100%;height:0;padding:0.5rem;padding-bottom: 100%;}
#por_team{visibility: hidden;}
#team-top-part{margin-bottom: 2rem;}
.portait-member{width:100%;height:0;padding-bottom:100%;border:1px solid white;margin-bottom: 0.5rem;}
#member-wrapper{margin-top:1.5rem;margin-bottom: 1.5rem;}
.btn-normal{display: inline-block;padding:0.5rem 2rem;border:1px solid #fb8313;background-color: rgba(0,0,0,.5);color:white;
	margin-top:0.5rem;margin-bottom: 2rem;transition:0.2s background-color ease;-webkit-transition:0.2s background-color ease;}
.btn-normal:hover{background-color:rgba(251,131,19,0.5);}
/*login*/
#z-logo{width:28.125%;margin-top:1.5rem;margin-bottom: 2rem;}
.input-wrapper{width:60%;position: relative;height:3rem;margin-bottom: 1rem;}
.input-wrapper span{position: absolute;display: block;top:0.2rem;left:1rem;color:#fb8313;font-size:1.8rem;}
.input-wrapper input{width: calc(100% - 3.5rem);width: -webkit-calc(100% - 3rem);height:3rem;line-height: 3rem;padding-left:3.5rem;border:1px solid #fb8313;
	border-radius: 1.5rem;-webkit-border-radius: 1.5rem;background-color: rgba(0,0,0,.5);}
#login-form{text-align: center;}
#login-form p{font-size: 1.2rem;margin-bottom: 1.5rem;}
